<!--
@Author: 李朝晖 3016207275

@Date: 2018-12-12

@经理系统主界面

@Last Modified time: 2018-12-16-->
<!-- Main Header -->
<header class="main-header">
  <!-- Logo -->
  <a class="logo">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini"><b>系统</b></span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg"><b>考勤系统</b></span>
  </a>

  <!-- Header Navbar -->
  <nav class="navbar navbar-static-top" role="navigation">
    <!-- Sidebar toggle button-->
    <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"></a>
    <!-- Navbar Right Menu -->
    <div class="navbar-custom-menu">
      <ul class="nav navbar-nav">
        <!-- User Account Menu -->
        <li class="dropdown user user-menu">
          <!-- Menu Toggle Button -->
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <!-- The user image in the navbar-->
            <img src="../../../assets/img/{{manager.name}}.jpg" class="user-image" alt="User Image">
            <!-- hidden-xs hides the username on small devices so only the image appears. -->
            <span class="hidden-xs">{{manager.name}}</span>
          </a>
          <ul class="dropdown-menu">
            <!-- The user image in the menu -->
            <li class="user-header">
              <img src="../../../assets/img/{{manager.name}}.jpg" class="img-circle" alt="User Image">

              <p>
                {{manager.name}}<br>
                {{manager.department}}{{manager.position}}
              </p>
            </li>
            <li class="user-footer">
              <div class="pull-right">
                <a href="#" class="btn btn-default btn-flat">退出登录</a>
              </div>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </nav>


</header>
<app-manager-navbar></app-manager-navbar>
<div class="wrapper">
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->

    <!-- Main content -->
    <div id="scroll" style="height: 800px;" class="mui-scroll-wrapper">
      <div class="mui-scroll">
        <div class="mui-loading">
          <div class="mui-spinner">
            <section>
              <router-outlet></router-outlet>
            </section>
          </div>
        </div>
      </div>
    </div>

  </div>
  <footer class="main-footer">
      <!-- To the right -->
      <div class="pull-right hidden-xs">
        天津大学智能与计算学部软件工程5班
      </div>
      <!-- Default to the left -->
      <strong><a href="http://www.ligang.name/">罡哥牛逼(破音)</a></strong>&nbsp;当前日期：{{date.toLocaleDateString()}}
    </footer>
</div>